<template >
  <div>
    <a v-if="url" :href="url" class="awe-icon">
      <i :class="'fa fa-'+ name" aria-hidden="true"/>
    </a>
    <span v-else class="awe-icon">
      <i :class="'fa fa-'+ name" aria-hidden="true"/>
    </span>
  </div>
</template>

<script>
  export default {
    props: {
      name: {
        type: String,
        default(){
          return 'home'
        }
      },
      url: {
        type: String,
        default(){
          return ''
        }
      }
    }
  }
</script>

<style scoped lang="stylus">
@import "./index.styl"
</style>
